<a href="https://github.com/2fdevs/videogular/edit/master/app/scripts/com/2fdevs/videogular/plugins/vg-poster/vg-poster.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/2fdevs/videogular/blob/6f55d80/app/scripts/com/2fdevs/videogular/plugins/vg-poster/vg-poster.js#L25" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">vgPoster</code>
<div><span class="hint">directive in module <code ng:non-bindable="">com.2fdevs.videogular.plugins.poster</code>
</span>
</div>
</h1>
<div><h2 id="description">Description</h2>
<div class="description"><div class="com-2fdevs-videogular-plugins-poster-directive-page com-2fdevs-videogular-plugins-poster-directive-vgposter-page"><p>Shows an image when player hasn&#39;t been played or has been completed a video.
<pre class="prettyprint linenums">
&lt;videogular vg-theme="config.theme.url" vg-autoplay="config.autoPlay"&gt;
   &lt;vg-media vg-src="sources"&gt;&lt;/vg-media&gt;

   &lt;vg-poster vg-url='config.plugins.poster.url'&gt;&lt;/vg-poster&gt;
&lt;/videogular&gt;
</pre>
</div></div>
<h2 id="usage">Usage</h2>
<div class="usage">as element:<pre class="prettyprint linenums">&lt;vg-poster
       vg-url="{string}"&gt;
&lt;/vg-poster&gt;</pre>
<h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table table-bordered table-striped"><thead><tr><th>Param</th><th>Type</th><th>Details</th></tr></thead><tbody><tr><td>vgUrl</td><td><a href="" class="label type-hint type-hint-string">string</a></td><td><div class="com-2fdevs-videogular-plugins-poster-directive-page com-2fdevs-videogular-plugins-poster-directive-vgposter-page"><p>String with a scope name variable. URL to an image supported by the img tag.
<strong>This parameter is required.</strong></p>
</div></td></tr></tbody></table></div>
</div>
